<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="author" content="ChongMing" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>商品详情</title>
</head>
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/swiper-3.3.1.min.css"/>
<link rel="stylesheet" href="css/shopping.css">
<script src="../js/swiper-3.3.1.jquery.min.js"></script>
<script src="../js/jquery-1.10.2.js"></script>
<script src="js/shopping.js"></script>
<script src="../js/jquery.cookie.js"></script>
<script type="text/javascript" src="../js/rem.js"></script>
<script src="../js/public.js"></script>
<body>
<style>
    .banner .swiper-wrapper .swiper-slide-active,.banner .swiper-wrapper .swiper-slide-active img{
        width: 100%;
        height: 4rem;
    }
    body{
        background: #ebebeb;
    }
</style>
<div class="commodity_detail" id="commodity_detail">
    <!--轮播图-->
    <div class="banner"  style=" height: 4rem; overflow: hidden;">
        <div style=" height: 100%;" class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">

            </div>
            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"></div>
        </div>
    </div>
    <!--介绍-->
    <div class="commodity_introduce">
    </div>
    <!--活动-->
    <div class="activity">
        <div class="icon">活动</div>
        <p></p>
    </div>
    <!--商品详情-->
    <div class="brief-introduction">
        <p class="tit">商品详情</p>
        <div class="con">
            <div class="name public">商品名称<span>护肝片</span></div>
            <!--<div class="brand public">品牌<span>swisse</span></div>-->
            <!--<div class="effect public">功效<span>ryne ryne qeieieeiie oeoeow</span></div>-->
            <div class="article">

            </div>
        </div>
    </div>
    <!--底部购物车-->
    <div class="bot-shop-cart">
        <img class="customer-service" src="images/icon3.png">
        <div class="add">加入购物车</div>
        <div class="num">
            <img src="images/icon4.png">
            <p></p>
        </div>
    </div>
    <!---->
    <div class="brief-layer">
        <div class="bj-click"></div>
        <div class="con">
            <div class="top">
                <img src="" alt="">
                <div class="name-pri">
                    <p class="p1"></p>
                    <p class="p2"></p>
                </div>
            </div>
            <div class="type">

            </div>
            <div class="buynum">
                <p class="left">购买数量</p>
                <div class="right">
                    <div class="jia">+</div>
                    <div class="number">1</div>
                    <div class="jian">-</div>
                </div>
            </div>
            <div class="total">
                <p class="left">商品总价:<span></span></p>
                <p class="right">请先选择商品规格</p>
            </div>
            <div class="bot-shop-cart">
                <button class="add">加入购物车</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>